<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>通知管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link th:href="@{/res/notice/lib/weui.min.css}" rel="stylesheet"/>
    <link th:href="@{/res/notice/css/jquery-weui.css}" rel="stylesheet"/>
    <link th:href="@{/res/notice/css/common.css}" rel="stylesheet"/>
</head>
<body>

    <div class="swiper-container w100">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner4.jpg}"  class="w100 ht200 block"></div>
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner2.jpg}"  class="w100 ht200 block"></div>
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner3.jpg}"  class="w100 ht200 block"></div>
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner1.jpg}"  class="w100 ht200 block"></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <div class="weui-grids">
        <!--<a th:href="@{/mobile/notice/add?token=} + ${token}" class="weui-grid">
            <div class="weui-grid__icon wt50 ht50"><img th:src="@{/res/notice/img/ftz.png}" alt=""></div>
            <p class="weui-grid__label">发文</p>
        </a>-->
        <a th:href="@{/mobile/notice/receive?token=} + ${token}" class="weui-grid">
            <div class="weui-grid__icon wt50 ht50"><img th:src="@{/res/notice/img/sjx.png}" alt=""></div>
            <p class="weui-grid__label">收文管理</p>
        </a>
        <a th:href="@{/mobile/notice/sendList?token=} + ${token}" class="weui-grid">
            <div class="weui-grid__icon wt50 ht50"><img th:src="@{/res/notice/img/fjx.png}" alt=""></div>
            <p class="weui-grid__label">发文管理</p>
        </a>
        <a th:href="@{/mobile/notice/draftList?token=} + ${token}" class="weui-grid">
            <div class="weui-grid__icon wt50 ht50"><img th:src="@{/res/notice/img/cgx.png}" alt=""></div>
            <p class="weui-grid__label">草稿箱</p>
        </a>
        <a th:href="@{/mobile/notice/deleteList?token=} + ${token}" class="weui-grid">
            <div class="weui-grid__icon wt50 ht50"><img th:src="@{/res/notice/img/ljx.png}" alt=""></div>
            <p class="weui-grid__label">废件箱</p>
        </a>
    </div>

    <script th:src="@{/res/notice/lib/jquery-2.1.4.js}"></script>
    <script th:src="@{/res/notice/js/jquery-weui.js}"></script>
    <script th:src="@{/res/notice/js/swiper.js}"></script>
    <script  th:inline="javascript">
        $(function () {
            let mySwiper = new Swiper('.swiper-container', {
                loop : true,
                autoplay: 3000,//可选选项，自动滑动
                pagination: '.swiper-pagination',// 分页器
            })
        })
    </script>
</body>
</html>
